<!-- 试卷命题和审批管理 -->
<template>
  <div class="approval-container" :style="roleId === '1490859421955674114' ? 'width:100%' : ''">
    <div class="search-container" style="margin-top: 0px; padding-left: 0px;">
      <div class="search-container-left">
        <div class="search-container-item">
          <span>学期:</span>
          <el-select
            v-model="xq"
            clearable
            :style="roleId === '1490859421955674114' ? 'width: 80px' : 'width: 120px'"
            size="mini"
            placeholder="请选择"
          >
            <el-option
              v-for="item in xqList"
              :key="item.value"
              :label="item.xqmc"
              :value="item.xqmc"
            >
            </el-option>
          </el-select>
        </div>
        <div class="search-container-item">
          <span>培养层次：</span>
          <el-select
            v-model="level"
            :style="roleId === '1490859421955674114' ? 'width: 80px' : 'width: 120px'"
            size="mini"
            clearable
            placeholder="请选择"
          >
            <el-option
              v-for="item in ppccList"
              :key="item.value"
              :label="item.dictValue"
              :value="item.dictValue"
            >
            </el-option>
             
          </el-select>
        </div>
        <div class="search-container-item">
          <span>修习类型：</span>
          <el-select
            v-model="xxtype"
            :style="roleId === '1490859421955674114' ? 'width: 80px' : 'width: 120px'"
            size="mini"
            clearable
            placeholder="请选择"
          >
            <el-option
              v-for="item in xxlxList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </div>
        <div class="search-container-item">
          <span>课程名称：</span>
          <el-input
            :style="roleId === '1490859421955674114' ? 'width: 82px' : 'width: 120px'"
            size="mini"
            clearable
            v-model="course"
            placeholder="请输入内容"
          ></el-input>
        </div>
        <div class="search-container-item" v-if="roleId != '1475294432243830786'">
          <span>课程负责人：</span>
          <el-input
            :style="roleId === '1490859421955674114' ? 'width: 82px' : 'width: 120px'"
            size="mini"
            clearable
            v-model="coursecharge"
            placeholder="请输入内容"
          ></el-input>
        </div>
        <div class="search-container-item" v-if="roleId === '1490859421955674114'">
          <span>课程编号：</span>
          <el-input
            :style="roleId === '1490859421955674114' ? 'width: 80px' : 'width: 120px'"
            size="mini"
            clearable
            v-model="courseno"
            placeholder="请输入内容"
          ></el-input>
        </div>
        <div class="search-container-item" v-if="roleId === '1490859421955674114'">
          <span>课程负责单位：</span>
          <el-input
            :style="roleId === '1490859421955674114' ? 'width: 82px' : 'width: 120px'"
            size="mini"
            clearable
            v-model="classroom"
            placeholder="请输入内容"
          ></el-input>
        </div>
        <div class="search-container-item">
          <span>状态:</span>
          <el-select
            v-model="status"
            :style="roleId === '1490859421955674114' ? 'width: 80px' : 'width: 120px'"
            size="mini"
            placeholder="请选择"
            clearable
          >
            <el-option
              v-for="item in statusList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </div>
        <div class="search-button" @click="getSelectConditionClick" style="margin:2px 0 0 0">
          <img src="../../../assets/assessment/icon-search.png" alt=""/>
          <span>查询</span>
        </div>
      </div>
    </div>
    <div class="plan-entry-table-container">
      <el-table
        :data="tableData"
        border
        style="width: 100%;border: 1px solid #004ca7;"
        class="xpaas-table-class"
        row-class-name="xpaas-row-class"
        cell-class-name="xpaas-cell-class"
        header-row-class-name="xpaas-header-row-class"
        header-cell-class-name="xpaas-header-cell-class"
      >
        <el-table-column
          prop="status"
          label="状态"
          width="95"
          align="center"
          class-name=""
          label-class-name=""
        >
          <template slot-scope="scope">
            <span v-if="+scope.row.status === 0" style="color: #ff3819">待命题</span>
            <span v-if="+scope.row.status === 1" style="color: #ff3819">待分析</span>
            <span v-if="+scope.row.status === 2" style="color: #ff3819">待审题</span>
            <span v-if="+scope.row.status === 3" style="color: #51aef6">已完成</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="cz"
          label="操作"
          width="106"
          align="center"
          class-name=""
          label-class-name=""
        >
          <template slot-scope="scope">
            <div class="cz-block">
              <!-- 待命题 --><!-- 已完成 --><!-- 已完成 --><!-- 待分析 --><!-- 待分析 -->
              <!-- <div v-if="+scope.row.status === 0">
                 <el-button  type="success" size="mini" @click="dialogClick('Message',scope.$index)">提交审题</el-button>
              </div>
              <div v-if="+scope.row.status === 2">
                 <el-button  type="success" size="mini"  @click="dialogClick('success',scope.$index)">审查通过</el-button>
              </div>
              <div v-if="+scope.row.status === 2">
                 <el-button  type="danger" size="mini" @click="dialogClick('Back',scope.$index)" >打　回</el-button>
              </div>
              <div v-if="+scope.row.status=== 1">
                <el-button  type="primary" size="mini" @click="dialogClick('完成分析',scope.$index)">完成分析</el-button>
              </div>
              <div v-if="+scope.row.status=== 1">
                <el-button  type="danger" size="mini" @click="dialogClick('Rename',scope.$index)">重新命题</el-button>
              </div> -->
              <div
                v-if="+scope.row.status === 0"
                class="tjst-button"
                @click="dialogClick('Message',scope.$index)"
              >
                <span>提交审题</span>
              </div>
              <div v-if="+scope.row.status=== 2" class="tjst-button" @click="dialogClick('success',scope.$index)">
                <span>审查通过</span>
              </div>
              <div
                v-if="+scope.row.status=== 2"
                class="dh-button"
                @click="dialogClick('Back',scope.$index)"
              >
                <span>打　　回</span>
              </div>
              <div
                v-if="+scope.row.status=== 1"
                class="dh-button"
                @click="dialogClick('完成分析',scope.$index)"
              >
                <span>完成分析</span>
              </div>
              <div
                v-if="+scope.row.status=== 1||+scope.row.status=== 3"
                class="dh-button"
                style="margin-top: 5px"
                @click="dialogClick('Rename',scope.$index)"
              >
                <span>重新命题</span>
              </div>
            </div>
          </template>
        </el-table-column>

        <el-table-column
          prop="courseno"
          label="课程编号"
          width="120"
          align="center"
        >
        </el-table-column>

        <el-table-column
          prop="coursename"
          label="课程名称"
          width="123"
          align="center"
        >
        </el-table-column>
        <el-table-column
          prop="level"
          label="培养层次"
          width="101"
          align="center"
        >
        </el-table-column>
        <el-table-column prop="xxtype" label="修习类型" width="93" align="center">
        </el-table-column>
        <el-table-column prop="xb" label="系" width="121" align="center">
        </el-table-column>
        <el-table-column prop="classroom" label="教研室" width="118" align="center">
        </el-table-column>
        <el-table-column
          prop="coursecharge"
          label="课程负责人"
          width="113"
          align="center"
        >
        </el-table-column>
        <el-table-column
          prop="mtjh"
          label="命题计划"
          width="134"
          align="center"
        >
          <template slot-scope="scope">
            <div class="cz-block">
              <div v-if="+scope.row.status === 0" @click="RouterTo('/admin/propositionReview/propositionaddPlan',scope.$index,'write')" class="txmtjh-button">
                <span type="success" size="mini"
                >填写命题计划</span>
              </div>
              <div v-else  @click="RouterTo('/admin/propositionReview/propositionaddPlan',scope.$index,'look')" class="ckmtjh-button"> 
                <span  type="success" size="mini"
              >查看命题计划</span>
              </div>
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="mtname" label="命题人" width="84" align="center">
          <template slot-scope="scope">
            <div class="cz-block" v-show="roleId != '1490880658945843202'">
              <div v-if="scope.row.mtname" class="name-button" @click="showYprDialogClick(scope.row.id,'mt',scope.row.mtList)">
                <span>{{ scope.row.mtname }}</span>
              </div>
              <div v-else class="xz-button">
                <span @click="showYprDialogClick(scope.row.id,'mt',scope.row.mtList)">选 择</span>
              </div>
            </div>
            <div class="cz-block" v-show="roleId === '1490880658945843202'">
              <div v-if="scope.row.mtname" class="name-button">
                <span>{{ scope.row.mtname }}</span>
              </div>
              <div v-else class="xz-button">
                <span></span>
              </div>
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="yjname" :label="roleId === '1490880658945843202' ? '阅卷人' : '评阅人'" width="79" align="center">
          <template slot-scope="scope">
            <div class="cz-block" @click="showYprDialogClick(scope.row.id,'yj',scope.row.pjList)">
              <div v-for="(item,index) in scope.row.pjList" key="index" class="name-button">
                <span>{{ item.name }}</span>
              </div>
              <div v-if="scope.row.pjList.length  == 0 " class="xz-button">
                <span>选 择</span>
              </div>
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="stname" label="审题人" width="79" align="center">
          <template slot-scope="scope">
            <div class="cz-block" @click="showYprDialogClick(scope.row.id,'st',scope.row.stList)">
              <div v-if="scope.row.stname" class="name-button">
                <span>{{ scope.row.stname }}</span>
              </div>
              <div v-else class="xz-button" @click="showYprDialogClick(scope.row.id,'st',scope.row.stList)">
                <span>选 择</span>
              </div>
            </div>
          </template>
        </el-table-column>
        <el-table-column
          prop="sjcl"
          label="试卷材料"
          width="195"
          align="center"
        >
          <template slot-scope="scope">
            <div class="cz-row-block">
              <div class="upload-button" style="margin-right:10px" @click="dialogClick('uploadPaper',scope.$index)">
                <span>上传</span>
              </div>
              <div class="download-button" @click="dialogClick('downloadPaper',scope.$index)">
                <span>下载</span>
              </div>
              <div class="yl-button" style="margin-left:10px"  @click="dialogClick('scanPaper',scope.$index)">
                <span>预览</span>
              </div>
            </div>
          </template>
        </el-table-column>
        <el-table-column
          prop="sjyz"
          label="试卷印制"
          width="171"
          align="center"
        >
          <template slot-scope="scope">
            <div class="cz-block">
              <div style="margin-bottom:10px" class="zz-button">
                <span type="primary" size="mini" @click="RouterTo('/admin/propositionReview/subpoenaStaue',scope.$index)"
            >制作试卷袋封皮</span>
              </div>
              <div class="tx-button">
                <span type="primary" size="mini" @click="RouterTo('/admin/propositionReview/subpoena',scope.$index)"
            >填 写 送印传票</span>
              </div>
            </div>
          </template>
        </el-table-column>
        <el-table-column
          prop="sjfx"
          label="试卷分析"
          width="141"
          align="center"
        >
          <template slot-scope="scope">
            <div class="cz-block">
              <div class="sjfx-button" @click="
                RouterTo('/admin/propositionReview/paperAnalysis',scope.$index)
              ">
                <span>填写试卷分析</span> 
              </div>
            </div>
          </template>
        </el-table-column>
      </el-table>
    </div>

    <el-dialog
      title="提示"
      :visible.sync="showMessageDialog"
      width="983px"
      class="message-container"
    >
      <div class="message-text">
        <div v-if="this.namelist.plan"></div>
        <div v-else>您的命题尚未填写完毕，请填写完毕后再提交！</div>
      </div>
      <span slot="footer" class="dialog-footer">
        <button class="green" @click="dialogClickconfirm('Message')">确 定</button>
      </span>
    </el-dialog>
    <el-dialog
      title="提示"
      :visible.sync="showRenameDialog"
      width="983px"
      class="paper-message-container"
    >
      <div class="paper-message-text">
        <div>
          重新命题后，该课程试卷材料将全部删除，回到待命题状态，您需要重新命题、审题
          是否确定?
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <button class="confirm-button" @click="dialogClickconfirm('Rename')">
          确 定
        </button>
        <button class="cancle-button" @click="showRenameDialog = false">
          取 消
        </button>
      </span>
    </el-dialog>
    <el-dialog
      title="上传试卷材料"
      :visible.sync="uploadPaperDialog"
      class="upload-paper-container"
      width="983px"
    >
      <div class="paper-container" v-for="(item,index) in paperList" :key="index">
        <div class="paper-container-row">
          <span class="title">{{ item.title }}</span>
          <template v-if="item.name">
            <div class="file-name">{{ item.name }}</div>
            <img
              src="../../../assets/assessment/delete.png"
              alt=""
              @click="deleteFile(index,item.position)"
            />
            <div class="re-upload-button">
              <input type="file" @change="getFile(item.position, $event, true,index)"/>
              <span>重新上传</span>
            </div>
          </template>
          <template v-else>
            <div class="upload-button">
              <input type="file" @change="getFile(item.position, $event,false,index)"/>
              <span>上传</span>
            </div>
          </template>
        </div>
      </div>

      <span slot="footer" class="dialog-footer">
        <button class="confirm-button" @click="uploadPaperDialog = false">
          确 定
        </button>
        <button class="cancle-button" @click="uploadPaperDialog = false">
          取 消
        </button>
      </span>
    </el-dialog>
    <el-dialog
      title="预览试卷材料"
      :visible.sync="scanPaperDialog"
      class="upload-paper-container"
      width="983px"
    >
      <div class="paper-container">
        <div
          class="paper-container-row"
          v-for="(item, index) in paperList"
          :key="index"
        >
          <span class="title">{{ item.title }}</span>
          <div class="file-name">{{ item.name || "未上传" }}</div>
          <div class="scan-button" v-if="item.name" @click="scanPaperClick(item.position)">预 览</div>
        </div>


      </div>
      <span slot="footer" class="dialog-footer">
        <button class="cancle-button" @click="scanPaperDialog = false">
          取 消
        </button>
      </span>
    </el-dialog>
    <el-dialog
      title="下载试卷材料"
      :visible.sync="downloadPaperDialog"
      class="upload-paper-container"
      width="983px"
    >
      <div class="paper-container">
        <div
          class="paper-container-row"
          v-for="(item, index) in paperList"
          :key="index"
        >
          <span class="title">{{ item.title }}</span>
          <div class="file-name">{{ item.name || "未上传" }}</div>
          <div class="download-button" v-if="item.name" @click="download(item.position,item.name )">下 载</div>
        </div>
      </div>

      <span slot="footer" class="dialog-footer">
        <button class="download-button" @click="download('all')">
          全部下载
        </button>
        <button class="cancle-button" @click="downloadPaperDialog = false">
          取 消
        </button>
      </span>
    </el-dialog>
    <el-dialog :title="dialogTitle" :visible.sync="showYprDialog" width="983px">
      <div class="choose-ypr-container">
        <div class="choose-ypr-search-container">
          <span class="title">单位：</span>
          <el-select
            v-model="dw"
            style="width: 150px; margin-right: 30px"
            size="mini"
            clearable
            placeholder="请选择"
          >
            <el-option
              v-for="(item,index) in dwList"
              :key="index"
              :label="item"
              :value="item"
            >
            </el-option>
          </el-select>
          <el-input
            style="width: 152px; margin-right: 20px"
            size="mini"
            v-model="courseYpr"
            placeholder="关键字搜索"
          >
            <i slot="prefix" class="el-input__icon el-icon-search"></i>
          </el-input>
          <div  @click="showYprClick">
             <div class="search-button" @click="getSelectConditionClick" style="margin:2px 0 0 0">
              <img src="../../../assets/assessment/icon-search.png" alt=""/>
              <span>查询</span>
            </div>
          </div>
          <div class="button-list">
            <div
              class="button-item"
              v-for="(item, index) in searchNameList"
              :key="index"
              @click="delTag(index)"
            >
              <img
                class="del-icon"
                src="../../../assets/assessment/approval-del.png"
                alt=""
              />
              <div>{{ item }}</div>
            </div>
            <!-- <div
              class="button-item"
              @click="delTag()"
            >
              <img
                class="del-icon"
                src="../../../assets/assessment/approval-del.png"
                alt=""
              />
              <div>{{ opop }}</div>
            </div> -->
          </div>
        </div>
        <div class="choose-ypr-table-container">
          <el-table
            ref="multipleTable"
            :data="yjnameList"
            style="width: 100%"
            class="xpaas-table-class"
            row-class-name="xpaas-row-class"
            cell-class-name="xpaas-cell-class"
            header-row-class-name="xpaas-header-row-class"
            header-cell-class-name="xpaas-header-cell-class"
            @select="handleSelectionChangers"
          >
            <el-table-column
              prop=""
              label="选择"
              width="154"
              type="selection"
              align="center"
              class-name=""
              label-class-name=""
            >
            </el-table-column>
            <el-table-column
              prop="name"
              label="姓名"
              width="153"
              align="center"
            >
            </el-table-column>
            <el-table-column prop="sex" label="性别" width="154" align="center">
            </el-table-column>
            <el-table-column
              prop="unit"
              label="单位"
              width="153"
              align="center"
            >
            </el-table-column>
            <el-table-column prop="job" label="职务" align="center">
            </el-table-column>
          </el-table>
        </div>
      </div>
      <span slot="footer" class="dialog-footer" @click="showYprDialogclosure()">
        <!-- <el-button  type="success">确定</el-button> -->
        <div class="ckmtjh-button" style="display: inline-block;
          font-size: 18px;
          padding: 6px 22px;
          border-radius: 6px;color: #02c86c;
          border: 1px solid #02c86c;
          background: #f1fff8;
          cursor: pointer;"> 
          <span>确定</span>
        </div>
      </span>
    </el-dialog>


    <el-dialog
      title="命题计划打回原因"
      :visible.sync="showBackDialog"
      width="983px"
      class="back-container"
    >
      <div class="back-text">
        <div>打回原因：</div>
        <div>
          <el-input
            v-model="meaasgeText"
            type="textarea"
            :rows="8"
            style="width: 550px; margin-left: 30px"
          ></el-input>
        </div>
      </div>
      <span slot="footer" class="dialog-footer" @click="showBackDialogClick">
        <div class="ckmtjh-button" style="display: inline-block;
          font-size: 18px;
          padding: 6px 22px;
          border-radius: 6px;color: #02c86c;
          border: 1px solid #02c86c;
          background: #f1fff8;
          cursor: pointer;"> 
          <span>确定</span>
        </div>
      </span>
    </el-dialog>
    <el-dialog
      title="密码验证"
      :visible.sync="passwDialog"
      class="upload-paper-container"
      width="635px"
    >
      <div class="paper-container1">

        <div class="paper-container-row">
          <div class="paper-container-box1">
            <span class="title" style="margin-right: 35px">输入密码</span>
          </div>
          <div class="paper-container-box2">
            <el-input
              placeholder="请输入密码"
              v-model="password1"
              show-password
              style="width: 220px"
            ></el-input>
          </div>

        </div>
      </div>
      <span slot="footer" class="dialog-footer"  @click="isPassword">
        <div class="ckmtjh-button" style="display: inline-block;
          font-size: 18px;
          padding: 6px 22px;
          border-radius: 6px;color: #02c86c;
          border: 1px solid #02c86c;
          background: #f1fff8;
          cursor: pointer;"> 
          <span>确定</span>
        </div>
      </span>
    </el-dialog>



     <el-dialog :title="dialogTitle" :visible.sync="showYprDialogers" width="983px">
      <div class="choose-ypr-container">
        <div class="choose-ypr-search-container">
          <span class="title">单位：</span>
          <el-select
            v-model="dw"
            style="width: 130px; margin-right: 30px"
            size="mini"
            clearable
            placeholder="请选择"
          >
            <el-option
              v-for="(item,index) in dwList"
              :key="index"
              :label="item"
              :value="item"
            >
            </el-option>
          </el-select>
          <el-input
            style="width: 152px; margin-right: 20px"
            size="mini"
            v-model="courseYpr"
            placeholder="关键字搜索"
          >
            <i slot="prefix" class="el-input__icon el-icon-search"></i>
          </el-input>
          <div @click="getSelectConditionClick" >
             <div class="search-button" style="margin:2px 0 0 0">
              <img src="../../../assets/assessment/icon-search.png" alt=""/>
              <span>查询</span>
            </div>
          </div>
          <div class="button-list">
            <div
              class="button-item"
              v-for="(item, index) in searchNameList"
              :key="index"
              @click="delTag(index)"
            >
              <img
                class="del-icon"
                src="../../../assets/assessment/approval-del.png"
                alt=""
              />
              <div>{{ item }}</div>
            </div>
          </div>
        </div>
        <div class="choose-ypr-table-container">
          <el-table
            ref="multipleTable"
            :data="yjnameList"
            style="width: 100%"
            class="xpaas-table-class"
            row-class-name="xpaas-row-class"
            cell-class-name="xpaas-cell-class"
            header-row-class-name="xpaas-header-row-class"
            header-cell-class-name="xpaas-header-cell-class"
            @selection-change="handleSelectionChangers"
          >
            <el-table-column
              prop=""
              label="选择"
              width="154"
              type="selection"
              align="center"
              class-name=""
              label-class-name=""
            >
            </el-table-column>
            <el-table-column
              prop="name"
              label="姓名"
              width="153"
              align="center"
            >
            </el-table-column>
            <el-table-column prop="sex" label="性别" width="154" align="center">
            </el-table-column>
            <el-table-column
              prop="unit"
              label="单位"
              width="153"
              align="center"
            >
            </el-table-column>
            <el-table-column prop="job" label="职务" align="center">
            </el-table-column>
          </el-table>
        </div>
      </div>
      <span slot="footer" class="dialog-footer"  @click="showYprDialogclosure()">
       <div class="ckmtjh-button" style="display: inline-block;
          font-size: 18px;
          padding: 6px 22px;
          border-radius: 6px;color: #02c86c;
          border: 1px solid #02c86c;
          background: #f1fff8;
          cursor: pointer;"> 
          <span>确定</span>
        </div>
        <!-- <el-button  type="success">确定</el-button> -->
      </span>
    </el-dialog>
  </div>
</template>

<script>
import { reqGetXqList } from "../../../api/classHoursAddList/addList";
import { getStore } from '@/util/store.js'
import {
  getDelFile,
  getDownload,
  getSelectCondition,
  getSelectJob,
  getUpdate,
  getUpload
} from "@/api/propositionReview/approval";
import {mapGetters} from "vuex";
import { pyccselect } from "@/api/professional/details";
import { getDeptList,selectDetailsJob } from "@/api/courseAchievement/entryResults";
export default {
  data() {
    return {
      showYprDialogers:false,
      opop:"",
      courseYpr: "",
      course: "",
      coursecharge:"",
      courseno: "",
      classroom: "",
      sjaFile: "",
      sjbBlock: false,
      sjbFile: "",
      password1: "",
      password2: "",
      dtjBlock: false,
      isCheck: true,
      dtjFile: "",
      dajpfbzBlock: false,
      dajpfbzFile: "",
      uploadPaperDialog: false,
      showMessageDialog: false,
      showYprDialog: false,
      showRenameDialog: false,
      scanPaperDialog: false,
      downloadPaperDialog: false,
      showBackDialog: false,
      xq: "",
      meaasgeText: "",
      passwDialog: false,
      xqList: [
   
      ],
      dw: "",
      dwList: [],
      level: "",
      ppccList: [],
      xxtype: "",
      xxlxList: [
        {
          value: "选修",
          label: "选修",
        },
        {
          value: "必修",
          label: "必修",
        },
      ],
      status: "",
      statusList: [
        {
          value: "0",
          label: "待命题",
        },
        {
          value: "1",
          label: "待分析",
        },
        {
          value: "2",
          label: "已完成",
        },
      ],
      tableData: [ ],
      yjnameList: [],
      searchNameList: [],
      handleSelection: [],
      namelist: {},
      dialogTitle: '',
      paperList: [
        {
          title: "试卷A：",
          name: "",
        },
        {
          title: "试卷B：",
          name: "",
        },
        {
          title: "答题卷：",
          name: "",
        },
        {
          title: "答案及评分标准：",
          name: "",
        },
      ],
      setTeacherInfo:{},
      selTeaCheck:[],
    };
  },
  computed: {
    ...mapGetters(['userInfo']),

  },
  mounted() {
    this.getSelectConditionClick();
    this.getXqList();
    this.pyccselect();
    const userInfo = getStore({
      name: "userInfo",
      debug: true,
    }) || {}
    this.roleId = userInfo.content.role_id
    getDeptList().then(res=>{
      if(res.data.code == 200){
        this.dwList = res.data.data;
      }
    })
  },
  methods: {
    showBackDialogClick() {
      let obj = {}
      obj.status = '0'
      obj.message = this.meaasgeText
      obj.id = this.namelist.id
      this.getUpdate(obj)
      this.showBackDialog = false
    },
    pyccselect() {
      let code = "pylevel";
      return new Promise(() => {
        pyccselect(code).then(res => {
          this.ppccList = res.data.data[0].children;
        });
      });
    },
    // 获取学期院历列表
    async getXqList() {
      const result = await reqGetXqList();
      if (result.data.code == 200) {
        this.xqList = result.data.data;
      }
    },
    RouterTo(path, index) {
      this.$router.push({
        path: path,
        query: {
          id: this.tableData[index].id
        }
      })
    },
    // 标签去除事件
    delTag(index) {
      let el = this
      // this.$refs.multipleTable.clearSelection(this.searchNameList[index]);
      this.searchNameList.splice(index, 1);
      el.$nextTick(() => {
        el.$refs.multipleTable.toggleRowSelection(
          el.yjnameList.find(item => {
              return this.handleSelection[index].id == item.id;
            }
          ), false);
      })
    },
    showYprClick() {
      let teacherInfo = {
        bzbm:this.dw,
        xm:this.courseYpr
      };
      selectDetailsJob(teacherInfo).then(res=>{
        if(res.data.code == 200){
          this.yjnameList = res.data.data;
        }
      })
      // this.getSelectJob(this.setTeacherInfo)
    },
    dialogClick(type, index) {
      let password = JSON.parse(localStorage.getItem('password'));
      this.namelist.type = type
      let obj = {}
      this.namelist = {
        type: type,
        id: this.tableData[index].id,
        plan: this.tableData[index].plan,
      }
      let a = ''
      if (this.tableData[index].a) {
        a = this.tableData[index].a.split(';')[1]
      }
      let b = ''
      if (this.tableData[index].b) {
        b = this.tableData[index].b.split(';')[1]
      }
      let keyjuana = ''
      if (this.tableData[index].keyjuana) {
        keyjuana = this.tableData[index].keyjuana.split(';')[1]
      }
      let keyjuanb = ''
      if (this.tableData[index].keyjuanb) {
        keyjuanb = this.tableData[index].keyjuanb.split(';')[1]
      }
      let keyjuanbz = ''
      if (this.tableData[index].keyandbz) {
        keyjuanbz = this.tableData[index].keyandbz.split(';')[1]
      }
      this.paperList = [
        {
          title: "试卷A：",
          name: a,
          position: 'sja'
        },
        {
          title: "试卷B：",
          name: b,
          position: 'sjb'

        },
        {
          title: "答题A卷：",
          name: keyjuana,
          position: 'dtja'
        },
        {
          title: "答题B卷：",
          name: keyjuanb,
          position: 'dtjb'
        },
        {
          title: "答案及评分标准：",
          name: keyjuanbz,
          position: 'dajpfbz'
        },
      ]
      if (type === 'Message') {
        obj.id = this.namelist.id
        if (this.namelist.plan) {
          obj.status = '1'
          this.getUpdate(obj)
        } else {
          this.showMessageDialog = !this.showMessageDialog
        }

      }
      if (type === 'Rename') {
        this.showRenameDialog = true
      }
      if (type === 'success') {
        obj.status = '3'
        obj.id = this.namelist.id
        this.getUpdate(obj)
      }
      if (type === "Back") {
        this.showBackDialog = true
        this.meaasgeText = ''
      }
      if (type === "完成分析") {
        obj.status = '2'
        obj.id = this.namelist.id
        this.getUpdate(obj)
      }
      if (password) {
        if (type === 'uploadPaper') {
          this.uploadPaperDialog = true
        } else if (type === 'downloadPaper') {

          this.downloadPaperDialog = true
        } else if (type === 'scanPaper') {
          this.scanPaperDialog = true
        }
      } else if (type === "uploadPaper" || type === "downloadPaper" || type === "scanPaper") {
        this.passwDialog = true
      }
    }
    ,
    dialogClickconfirm(type) {
      let obj = {}
      if (type === 'Message') {
        this.showMessageDialog = !this.showMessageDialog
      } else if (type === 'Rename') {
        obj.id = this.namelist.id
        obj.status = '0'
        this.showRenameDialog = !this.showRenameDialog
        this.getUpdate(obj)
      }

    }
    ,
    showYprDialogClick(id, type, row) {
      this.namelist = {
        type: type,
        id: id
      }
      if (this.namelist.type === 'mt') {
        this.dialogTitle = "选择命题人"
        this.showYprDialogers = true
        this.dw = ''
      } else if (this.namelist.type === 'yj') {
        this.dialogTitle = "选择评阅人"
        //   this.showYprDialog = false
        this.showYprDialogers = true
        this.dw = ''
      } else if (this.namelist.type === 'st') {
        this.dialogTitle = "选择审题人"
        this.showYprDialogers = true
        this.dw = ''
      }
     
      // this.opop= row.length > 0 ? row[0].name : '';
      // this.handleSelection = row;
      // this.handleSelection.splice(0, this.handleSelection.length);
      // this.searchNameList.splice(0, this.searchNameList.length);
      this.getSelectJob(row)
    }
    ,
    showYprDialogclosure() {
      let arr = []
      for (const Key in this.handleSelection) {
        arr[Key] = this.handleSelection[Key].id
      }
      let str = arr.join(",");
      let obj = {
        id: this.namelist.id
      }
      if (this.namelist.type === 'mt') {
        if(arr.length > 1){
          this.$message({
            type:'info',
            message:'命题人仅支持单选!'
          })
          return
        }
        obj.mtname = str;
        this.showYprDialog = false
        this.showYprDialogers =false
      } else if (this.namelist.type === 'yj') {
        obj.yjname = str
        this.showYprDialog = false
        this.showYprDialogers =false
      } else if (this.namelist.type === 'st') {
         if(arr.length > 1){
          this.$message({
            type:'info',
            message:'审题人仅支持单选!'
          })
          return
        }
        obj.stname = str
        this.showYprDialog = false
        this.showYprDialogers =false
      }
      this.getUpdate(obj)
    }
    ,
    getUpdate: function (obj) {
      let el = this
      return new Promise(() => {
        getUpdate(obj).then(res => {
          el.getSelectConditionClick();
        })
      })
    }
    ,
    scanPaperClick(position) {
      let href = window.location.origin + `/api/xpaas-course-service/testpaperandprint/line?id=${this.namelist.id}&position=${position}`;
      // window.location.href=href;
      window.open(href, '_blank');
    }
    ,

    download(position, name) {
      let el = this
      let href = window.location.origin + `/api/xpaas-course-service/testpaperandprint/download?id=${this.namelist.id}&position=${position}`;

      if (position === 'all') {
        window.open(href)
        this.downloadPaperDialog = false
      } else {
        let alink = document.createElement('a');
        el.$message({
          showClose: true,
          message: "下载中，请稍后",
          type: "success",
        });
        alink.style.display = 'none';
        alink.download = name; //下载后文件名
        alink.href = href
        document.body.appendChild(alink);
        alink.click();
        document.body.removeChild(alink); //下载完成移除元素
      }
    },
    getFile(position, event, reload, index) {
      let file = event.target.files;
      let form = new FormData();
      form.append("file", file[0]);
      form.append("id", this.namelist.id);
      form.append("position", position);
      let el = this
      return new Promise(() => {
        getUpload(form).then(res => {
          if (res.data.code === 200) {
            el.paperList[index].name = file[0].name;
            this.getSelectConditionClick()
            el.$message({
              showClose: true,
              message: "上传成功",
              type: "success",
            });
          } else {
            el.paperList[index].name = '';
            el.$message({
              showClose: true,
              message: "上传失败，请重新上传",
              type: "error",
            });
          }
        })
      })
    },
    getSelectConditionClick: function () {
      let obj = {
        xueqi: this.xq,
        level: this.level,
        xxtype: this.xxtype,
        status: this.status,
        coursename: this.course,
        coursecharge: this.coursecharge,
        courseno: this.courseno,
        classroom: this.classroom
      }
      return new Promise(() => {
        getSelectCondition(obj).then(res => {

          this.tableData = res.data.data
          for (let i = 0; i < this.tableData.length; i++) {
            if (this.tableData[i].mtList.length) {
              this.tableData[i].mtname = this.tableData[i].mtList[0].name
            } else {
              this.tableData[i].mtname = ''
            }
            if (this.tableData[i].pjList.length) {
              this.tableData[i].yjname = this.tableData[i].pjList[0].name
            } else {
              this.tableData[i].yjname = ''
            }
            if (this.tableData[i].stList.length) {
              this.tableData[i].stname = this.tableData[i].stList[0].name
            } else {
              this.tableData[i].stname = ''
            }
          }
        })
      })
    },
    getSelectJob: function (rows) {
      let obj = {}
      let el = this
      el.setTeacherInfo = rows;
      return new Promise(() => {
        getSelectJob(obj).then(res => {
          this.yjnameList = res.data.data;
          el.$nextTick(() => {
            rows.forEach(row => {
              el.$refs.multipleTable.toggleRowSelection(
                el.yjnameList.find(item => {
                  return row.id == item.id;
                }), true);
            });
          })
        })
      })
    },
    deleteFile(index, position) {
      let form = new FormData();
      // form.append("file", file[0]);
      form.append("id", this.namelist.id);
      form.append("position", position);
      let el = this
      return new Promise(() => {
        getDelFile(form).then(res => {
          if (res.data.code === 200) {
            el.paperList[index].name = '';
            this.getSelectConditionClick()
            el.$message({
              showClose: true,
              message: "删除成功",
              type: "success",
            });
          } else {

            el.$message({
              showClose: true,
              message: "删除失败，请重新删除",
              type: "error",
            });
          }
        })
      })
    },
    handleSelectionChange(val) {
      this.opop = val.name
      this.handleSelection.push(val)
      // this.handleSelection.splice(0, this.handleSelection.length);
      // this.searchNameList.splice(0, this.searchNameList.length);
      
      // for (const valKey in val) {
      //   this.searchNameList[valKey] = val[valKey].name
      // }
    },
    selectRow(val, row) {
      this.$refs.multipleTable.clearSelection();
      this.handleSelection=[];
      this.$refs.multipleTable.toggleRowSelection(row, true);
      this.handleSelectionChange(row)
      // this.seriesId = row.id
      //  this.handleSelection = row
      //  this.handleSelection.splice(0, this.handleSelection.length);
      //  this.searchNameList.splice(0, this.searchNameList.length);
      // this.searchNameList[0] = val.pop().name
    },
    handleSelectionChangers(val) {
      this.handleSelection.splice(0, this.handleSelection.length);
      this.searchNameList.splice(0, this.searchNameList.length);
      this.handleSelection = val
      for (const valKey in val) {
        this.searchNameList[valKey] = val[valKey].name
      }
    },
    isPassword() {
      if (this.password1) {
        if ('123456' === this.password1) {
          this.passwDialog = false
          localStorage.setItem('password', JSON.stringify(this.password1));
          let type = this.namelist.type
          if (type === 'Rename') {
            this.showRenameDialog = true
          } else if (type === 'uploadPaper') {
            this.uploadPaperDialog = true
          } else if (type === 'downloadPaper') {

            this.downloadPaperDialog = true
          } else if (type === 'scanPaper') {
            this.scanPaperDialog = true
          }
        } else {
          this.$message({
            showClose: true,
            message: "输入密码错误",
            type: "error",
          });
        }
      } else {
        this.$message({
          showClose: true,
          message: "未输入密码",
          type: "error",
        });
      }
    }
    ,
  },
};
</script>
<style lang="less" scoped>
@fontFamily:"Microsoft YaHei";
.xpaas-table-class {
  border: 1px solid #004ca7;
  border-radius: 9px;
  > ::v-deep div.el-table__header-wrapper {
    > table.el-table__header {
      > thead {
        > tr.xpaas-header-row-class {
          padding: 0;
          height: 76px;
          background-color: #edf2f9;
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          line-height: 20px;
          color: #004ca7;
          > th.xpaas-header-cell-class {
            font-weight: bold;
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            background-color: #edf2f9;
            > div.cell {
              font-size: 16px;
              font-weight: bold;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
        }
      }
    }
  }
  > ::v-deep div.el-table__body-wrapper {
    > table.el-table__body {
      > tbody {
        > tr.xpaas-row-class {
          > td.xpaas-header-cell-class {
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            background-color: #edf2f9;
            > div.cell {
              font-size: 16px;
              font-weight: bold;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
          > td.xpaas-cell-class {
            height: 76px;
            
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            > div.cell {
              font-weight: normal;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
        }
      }
    }
  }
}
.approval-container {
  .back-container {
    .back-text {
      margin-top: 33px;

      > div {
        display: inline-block;

        &:nth-child(1) {
          padding-left: 111px;
          font-size: 20px;
          color: rgba(0, 76, 167, 1);
          font-weight: bold;
          vertical-align: top;
        }
      }
    }

    .el-dialog__footer {
      padding-bottom: 95px;
    }
  }

  .message-container {
    .message-text {
      > div {
        padding: 57px 0 63px 0;
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        line-height: 20px;
        color: #004ca7;
        text-align: center;
      }
    }

    .el-dialog__footer {
      padding-bottom: 95px;
    }
  }

  .paper-message-container {
    .paper-message-text {
      > div {
        padding: 57px 0 63px 0;
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        line-height: 20px;
        color: #004ca7;
        text-align: center;
      }
    }

    .el-dialog__footer {
      padding-bottom: 95px;
    }

    .confirm-button {
      width: 87px;
      height: 36px;
      padding: 0;
      background: #f1fff8;
      border: 1px solid #02c86c;
      border-radius: 4px;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #02c86c;
      cursor: pointer;
      margin-right: 92px;
    }

    .cancle-button {
      .confirm-button;
      background: #fff6ef;
      border: 1px solid #f3b815;
      color: #f3b815;
      margin-right: 0px;
    }
  }

  .upload-paper-container {
    .paper-container {
      margin: 0 auto;
      width: 600px;
      .paper-container-row {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 30px;
        color: #004ca7;
        margin-bottom: 35px;
        .title {
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          color: #004ca7;
          margin-right: 5px;
        }
        .upload-button {
          width: 62px;
          height: 28px;
          line-height: 28px;
          background: #efebff;
          border: 1px solid #5230e9;
          border-radius: 4px;
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #5230e9;
          text-align: center;
          cursor: pointer;
          position: relative;
          input {
            width: 62px;
            position: absolute;
            top: 0;
            right: 0;
            opacity: 0;
          }
        }
        .file-name {
          max-width: 340px;
          margin-right: 10px;
        }
        .scan-button {
          width: 62px;
          height: 28px;
          line-height: 28px;
          background: #fff6ef;
          border: 1px solid #f3b815;
          border-radius: 4px;
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #f3b815;
          text-align: center;
          cursor: pointer;
        }
        .download-button {
          .scan-button;
          background: #f1f8fe;
          border: 1px solid #51aef6;
          color: #51aef6;
        }
        img {
          width: 18px;
          height: 19px;
          margin-right: 14px;
        }
        .re-upload-button {
          .upload-button;
          width: 80px;
          color: #02c86c;
          border: 1px solid #02c86c;
          background: #dfffef;
          input {
            width: 80px;
          }
        }
      }
    }
    .paper-container1 {
      width: 100%;
      height: 236px;
      opacity: 1;

      .paper-container-row {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-family: Microsoft YaHei;

        margin-bottom: 35px;
        border: 1px solid #004CA7;

        .paper-container-box1 {
          width: 233px;
          height: 126px;
          background: rgba(0, 76, 167, 0.1);
          opacity: 0.1;
          border-radius: 5px 0px 0px 0px;
          display: flex;
          align-items: center;
          justify-content: center;

          .title {
            width: 90px;
            height: 24px;
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            line-height: 20px;
            color: rgba(0, 76, 167, 1);
            opacity: 1;
          }
        }

        .paper-container-box2 {
          margin-left: 15px;
        }

        .upload-button {
          width: 62px;
          height: 28px;
          line-height: 28px;
          background: #efebff;
          border: 1px solid #5230e9;
          border-radius: 4px;
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #5230e9;
          text-align: center;
          cursor: pointer;
          position: relative;

          input {
            width: 62px;
            position: absolute;
            top: 0;
            right: 0;
            opacity: 0;
          }
        }

        .file-name {
          max-width: 340px;
          margin-right: 10px;
        }

        .scan-button {
          width: 62px;
          height: 28px;
          line-height: 28px;
          background: #fff6ef;
          border: 1px solid #f3b815;
          border-radius: 4px;
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #f3b815;
          text-align: center;
          cursor: pointer;
        }

        .download-button {
          .scan-button;
          background: #f1f8fe;
          border: 1px solid #51aef6;
          color: #51aef6;
        }

        img {
          width: 18px;
          height: 19px;
          margin-right: 14px;
        }

        .re-upload-button {
          .upload-button;
          width: 80px;
          color: #02c86c;
          border: 1px solid #02c86c;
          background: #dfffef;

          input {
            width: 80px;
          }
        }
      }
    }

    .el-dialog__footer {
      padding-bottom: 95px;
    }

    .confirm-button {
      width: 87px;
      height: 36px;
      padding: 0;
      background: #efebff;
      border: 1px solid #5230e9;
      border-radius: 4px;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #5230e9;
      cursor: pointer;
      margin-right: 92px;
    }

    .cancle-button {
      .confirm-button;
      background: #ffefef;
      border: 1px solid #ff3819;
      color: #ff3819;
      margin-right: 0px;
    }

    .download-button {
      .confirm-button;
      background: #f1f8fe;
      border: 1px solid #51aef6;
      color: #51aef6;
      margin-right: 92px;
    }
  }

  .plan-entry-table-container {
    margin-top: 30px;

    .el-table td,
    .el-table th.is-leaf,
    .el-table--border,
    .el-table--group {
      border-color: #c7d7eb;
    }

    .el-table__header tr,
    .el-table__header th {
      padding: 0;
      height: 76px;
      background-color: #edf2f9;
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      line-height: 20px;
      color: #004ca7;
    }

    .el-table__body tr,
    .el-table__body td {
      padding: 0;
      height: 86px;
    }

    .export-button {
      background: #ebe6ff;

      cursor: pointer;

      background: #fff6ef;
      border: 1px solid #5230e9;
      width: auto;
      height: 28px;
      line-height: 28px;
      border-radius: 6px;
      cursor: pointer;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;

      > span {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #f3b815;
      }

      > img {
        width: 16px;
        height: 16px;
        margin-right: 5px;
      }
    }

    .bk-lucj-import-button {
      .export-button;
      width: 70px;
      background: #f1fff8;
      border: 1px solid #02c86c;
      box-sizing: border-box;
      margin: 0 auto 12px;

      &:last-child {
        margin-bottom: 0px;
      }

      > span {
        color: #02c86c;
      }
    }

    .bk-lucj-expot-button {
      .export-button;
      width: 156px;
      background: #fef1e8;
      border: 1px solid #f86900;
      box-sizing: border-box;
      margin: 0 auto 12px;

      &:last-child {
        margin-bottom: 0px;
      }

      > span {
        color: #f86900;
      }
    }

    .tjst-button {
      width: 78px;
      height: 27px;
      line-height: 27px;
      background: #f1f8fe;
      border: 1px solid #51aef6;
      border-radius: 4px;
      text-align: center;
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #51aef6;
      cursor: pointer;
    }

    .dh-button {
      .tjst-button;
      margin-top: 12px;
      background: #ffefef;
      border: 1px solid #ff3819;
      color: #ff3819;
    }

    .cx-button {
      .tjst-button;
      background: #ffefef;
      border: 1px solid #ff3819;
      color: #ff3819;
    }

    .cz-block {
      cursor: pointer;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      justify-content: center;
      > :deep(div) {
        margin: 5px 0;
      }
    }

    .txmtjh-button {
      .tjst-button;
      width: 114px;
      background: #fff6ef;
      border: 1px solid #f3b815;
      color: #f3b815;
    }

    .ckmtjh-button {
      .tjst-button;
      width: 114px;
      background: #f1fff8;
      border: 1px solid #02c86c;
      color: #02c86c;
    }

    .xz-button {
      .tjst-button;
      width: 51px;
      background: #edf2f9;
      border: 1px solid #004ca7;
      color: #004ca7;
    }

    .name-button {
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      line-height: 25px;
      color: #004ca7;
      text-decoration: underline;
    }

    .name-button:hover {
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      line-height: 25px;
      color: #187ef8;
    }

    .upload-button {
      .tjst-button;
      width: 48px;
      margin: 0 5px;
      background: #efebff;
      border: 1px solid #5230e9;
      color: #5230e9;
    }

    .download-button {
      .tjst-button;
      width: 48px;
      margin: 0 5px;
    }

    .yl-button {
      .tjst-button;
      width: 48px;
      margin: 0 5px;
      background: #fff6ef;
      border: 1px solid #f3b815;
      color: #f3b815;
    }

    .cz-row-block {
      display: flex;
      flex-direction: row;
      justify-content: center;
    }

    .zz-button {
      .tjst-button;
      width: 132px;
      margin: 5px;
      background: #efebff;
      border: 1px solid #5230e9;
      color: #5230e9;
    }

    .tx-button {
      .tjst-button;
      width: 132px;
      letter-spacing: 2px;
      margin: 0 5px;
      background: #f1f8fe;
      border: 1px solid #51aef6;
      color: #51aef6;
    }

    .sjfx-button {
      .tjst-button;
      width: 114px;
      margin: 0 5px;
      background: #fff6ef;
      border: 1px solid #f3b815;
      color: #f3b815;
    }
  }

  .choose-ypr-container {
    width: 767px;
    margin: 0px auto;

    .choose-ypr-search-container {
      .el-input--prefix .el-input__inner {
        padding-left: 30px;
      }

      .el-input__inner {
        &::placeholder {
          color: #b8b8b8;
        }

        &::-webkit-input-placeholder {
          /* WebKit browsers 适配谷歌 */
          color: #b8b8b8;
        }

        &:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 适配火狐 */
          color: #b8b8b8;
        }

        &::-moz-placeholder {
          /* Mozilla Firefox 19+ 适配火狐 */
          color: #b8b8b8;
        }

        &:-ms-input-placeholder {
          /* Internet Explorer 10+  适配ie*/
          color: #b8b8b8;
        }
      }

      display: flex;
      flex-direction: row;
      align-items: center;

      .title {
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        line-height: 20px;
        color: #004ca7;
        margin-right: 5px;
      }

      .search-button {
        width: 77px;
        height: 28px;
        line-height: 28px;
        background: #f1f8fe;
        border: 1px solid #51aef6;
        border-radius: 6px;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;

        > span {
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #51aef6;
        }

        > img {
          width: 20px;
          height: 20px;
          margin-right: 4px;
        }
      }

      .button-list {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left: 21px;

        .button-item {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          position: relative;
          width: 69px;
          height: 27px;
          line-height: 27px;
          border: 1px solid #004ca7;
          border-radius: 4px;
          margin-right: 10px;
          text-align: center;
          font-size: 14px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #004ca7;

          .del-icon {
            position: absolute;
            right: 0px;
            top: 0px;
            width: 12px;
            height: 12px;
            padding: 2px;
          }
        }
      }
    }

    .choose-ypr-table-container {
      margin-top: 30px;

      .el-table td,
      .el-table th.is-leaf,
      .el-table--border,
      .el-table--group {
        border-color: #c7d7eb;
      }

      .el-table__header tr,
      .el-table__header th {
        padding: 0;
        height: 57px;
        background-color: #edf2f9;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        line-height: 20px;
        color: #004ca7;
      }

      .el-table__body tr,
      .el-table__body td {
        padding: 0;
        height: 51px;
      }

      .table-data {
        width: 100%;
        border: 0.8px solid #004ca7;
        border-radius: 9px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #004ca7;
      }
    }
  }

  .pagination-block {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
</style>

<style lang="less" scoped>
@import "../../../styles/approval.less";
/deep/.el-dialog {
    margin-top: 15vh;
    width: 983px;
    height: 668px !important;
}
.plan-entry-table-container {
  margin-top: 30px;

  .table-data {
    width: 100%;
    border: 0.8px solid #004ca7;
    border-radius: 9px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #004ca7;
  }
}
</style>
